// 消息列表
<template>
 <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
    <div>
       
        <div class="top3">
            <van-nav-bar title="" left-text="返回" left-arrow :fixed='true' @click-left="onClickLeft" :border='false'>
            <van-icon name="arrow-left" slot="left" color="black" />
            </van-nav-bar>
             <h3>个人信息</h3>
        </div>
        <div class="box3">
           <span>头像</span>
          <p class="tent3">
               <img src="https://img.yzcdn.cn/vant/cat.jpeg" alt="">
            </p>
        </div>
        <div class="box3">
           <span>昵称</span>
          <p class="tent3">
              委屈蛤蟆
          </p>
        </div>
        <div class="box3">
           <span>性别</span>
          <p class="tent3">
              保密
          </p>
        </div>
        <div class="box3">
           <span>生日</span>
          <p class="tent3">
               1998-12-15
          </p>
        </div>
        <div class="box3">
           <span>手机号</span>
          <p class="tent3">
               01234567890
            </p>
        </div>
        <div class="box3">
           <span>注册地</span>
          <p class="tent3">
               北京市
            </p>
        </div>
        
    </div>
</van-pull-refresh>
</template>
<script>
    export default{
        data(){
            return{
               isLoading: false
            }
        },
        methods:{
            onClickLeft(){
                console.log(1)
				this.$router.go(-1)
            },
             onRefresh() {
            setTimeout(() => {
                this.$toast('刷新成功');
                this.isLoading = false;
                this.count++;
            }, 500);
            }
        }
    }

</script>


<style >
    *{margin: 0 ;padding:0;}
    .top3{display: flex;margin-top: 1.5rem;}
    .top3 h3{margin-left: 4%;padding-bottom: 3%}
    .box3{display: flex;justify-content: space-between;align-items: center;margin: 0 3%;border-top: 1px solid #ccc;padding-top: 3%;height:1.5rem}
    .content3{border-radius: 50%;width: 1rem;height: 6rem;overflow: hidden;}
    .tent3 img{width: 1.5rem;height: 1.3rem}
    
</style>